<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梵高</title>
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <script src="js/background.js"></script>
</head>
<body id="mybody">
    <div class="zong">
        <header>
            <div class="nav">
                <ul>
                    <li><a href="home.html" class="underline">Home</a></li>
                    <li><a href="#" class="underline">Tickets & Visit</a></li>
                    <li><a href="Art & Stories.html" class="underline">Art & Stories</a></li>
                    <li><a href="#" class="underline">About</a></li>
                    <li><a href="#" class="underline">Webstore</a></li>
                    <li><a href="#" class="underline">NL | EN</a></li>
                    <li class="iconfont icon-fangdajing" class="underline"></li>
                </ul>
                <img src="imgs/top.webp">
            </div>
        </header>
        <footer>
            <div class="footer-left">
                <h1>Discover the</h1>
                <h1>Life and Work</h1>
                <h1>of Vincent</h1>
                <h1>van Gogh</h1>
                <div>
                    Welcome to the Van Gogh Museum! Plan <br>
                    your visit, book tickets online.
                </div>
                <div class="footer-left-watch">
                    <div class="iconfont icon-arrowRight"></div>
                    <div><a href="#">Book tickets</a></div>
                </div>
                <div class="footer-left-watch">
                    <div class="iconfont icon-arrowRight"></div>
                    <div><a href="#">Support the museum, donate now</a></div>
                </div>
            </div>
            <div class="footer-center">
                    <div class="footer-center-left">
                        <img src="imgs/ft-left.webp">
                        <div class="sleep">
                            <p>Always on view</p>
                            <p>
                                Van Gogh’s <br>
                                Masterpieces</p>
                            <h1>
                                Explore Vincent van<br>
                                Gogh's famous<br>
                                masterpieces in the<br>
                                museum's permanent<br>
                                exhibition.
                            </h1>
                            <div>              
                            Explore
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="footer-center-center">
                        <img src="imgs/ft-center.webp">
                        <div class="sleep">
                            <p></p>
                            <p>
                                Vincent van<br>
                                Gogh
                            </p>
                            <h1>
                                Learn more about Vincent<br>
                                van Gogh's art and life,<br>
                                explore his paintings and<br>
                                drawings, read his letters <br>
                                and much more.
                            </h1>
                            <div>              
                                Discover more
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="footer-center-right">
                        <img src="imgs/ft-right.webp">
                        <div class="sleep">
                            <p>Anniversary</p>
                            <p>
                                50 Years of <br>
                                Inspiration</p>
                            <h1>
                                In 2023, the Van Gogh <br>
                                Museum is celebrating its<br>
                                50th anniversary with <br>
                                special exhibitions and a <br>
                                festive programme. Join <br>
                                the festivities and <br>
                                celebrate with us!
                            </h1>
                            <div>
                                Find out more
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                </a>
            </div>
            <div class="footer-right">
                <div class="footer-right-top">
                    <p>
                        <a href="#">
                            Explore more about the museum <br>
                            and Vincent van Gogh:</a>
                    </p>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Explore the collection</a>
                    </div>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Read fascinating stories about Vincent van Gogh</a>
                    </div>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Stay up to date, sign up for the newsletter</a>
                    </div>
                </div>
                <div class="footer-right-bottom">
                    <p>Our main partners:</p>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="imgs/fr-left.webp" alt="" srcset="">
                            </a>
                            </li>
                        <li>
                            
                                <img src="imgs/fr-center.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/fr-right.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>